<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // while实现1-100相加求和

    var num = 1;
    var sum = 0;
    while (num <= 100) {
      // if (i == 100) {
      //   document.write(i + '=');
      // } else {
      //   document.write(i + '+');
      // }

      // var unit = i == 100 ? '=' : '+';
      // document.write(i + unit);
      sum = sum + num;
      // sum += num;
      num++;
    }
    document.write('1-100相加的和是:' + sum + '</br>');

    // while 
    var name = prompt('请输入用户名：(默认用户名为angel)');
    var password = prompt('请输入密码：(默认密码为0214)');
    while (name != 'angel' || password != '0214') {
      if (name != 'angel') {
        alert('用户名输入错误');
      }
      if (password != '0214') {
        alert('密码输入错误');
      }
    }
    alert('登录成功');
    // do...while验证用户名和密码
    do {
      var name = prompt('请输入用户名：(默认用户名为angel)');
      var password = prompt('请输入密码：(默认密码为0214)');
      if (name != 'angel') {
        alert('用户名输入错误');
      }
      if (password != '0214') {
        alert('密码输入错误');
      }
    } while (name != 'angel' || password != '0214') {
      alert('登录成功');
    }

    // 打印菱形、三角形

    //   *
    //  ***
    // *****
    //  ***
    //   *

    for (var row = 1; row <= 5; row++) {
      for (var other = 1; other <= 5 - row; other++) {
        document.write('<span style="color:transparent;">*</span>');
      }
      for (var col = 1; col <= 2 * row - 1; col++) {
        document.write('*');
      }
      document.write('</br>');
    }
    for (var row = 1; row <= 4; row++) {
      for (var other = 0; other <= row - 1; other++) {
        document.write('<span style="color:transparent;">*</span>')
      }
      for (var col = 1; col <= 9 - 2 * row; col++) {
        document.write('*')
      }
      document.write("</br>")
    }

    /*  一百个和尚分一百个馒头，大和尚一人分三个，
     *小和尚三人分一个，正好分完。问大、小和尚各几人？ 
     */
    for (var x = 1; x <= 33; x++) {
      var y = 100 - x;
      if (x * 3 + y / 3 == 100) {
        document.write('大和尚的数量是：' + x + '小和尚的数量是：' + y + '</br>');
      }
    }

    /*  公鸡一个五块钱，母鸡一个三块钱，小鸡三个一块钱，
     * 现在要用一百块钱买一百只鸡，问公鸡、母鸡、小鸡各多少只？
     */
    for (var x = 1; x <= 20; x++) {
      for (var y = 1; y <= 33; y++) {
        var z = 100 - x - y;
        if (x + y + z == 100 && 5 * x + 3 * y + z / 3 == 100) {
          document.write('公鸡的数量是:' + x + '母鸡的数量是:' + y + '小鸡的数量是:' + z + '</br>');
        }
      }
    }

    /* 红白球共25个，白黑球共31个，红黑球共28个，求三种球各有多少？
     * 求红白黑球的个数 
     */
    for (var a = 1; a <= 25; a++) {
      var b = 25 - a,
        c = 28 - a;
      if (b + c == 31) {
        document.write('红球的个数是：' + a + '白球的个数是：' + b + '黑球的个数是：' + c + '</br>');
      }

    }
  </script>
</body>

</html>